<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
    <body>
        <a href="p2.html">跳转至今天学习的HTML页面</a><br>
        <a href="p4.html" >就这点事,叫我跳转到第四个页面???</a><br>
        <a href="http://www.baidu.com">百度一下</a>
        <a href="http://www.tmooc.cn/">达内一下</a>
        <hr>
        <a href="http://www.baidu.com">
            <img src="1.png" width="200px">
        </a>
    <hr>
    <!-- _self 刷新一下当前页 _blank 打开一个空白页-->
    <a href="http://www.baidu.com" target="_self">百度一下</a>
    <a href="http://www.baidu.com" target="_blank">百度一下</a>

    <div>
        <h1>西游记</h1>
        <a href="#c1">跳转到第一章</a>
        <a href="#c2">跳转到第二章</a>
        <a href="#c3">跳转到第三章</a>
        <a href="#">回到顶部</a>
        <h3 id="c1">第一章 大闹天宫</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet architecto assumenda atque beatae
            exercitationem explicabo, fugit natus nostrum numquam officiis, praesentium quaerat quibusdam quis ratione
            sed tenetur voluptate voluptatem, voluptatibus.</p>
        <p>Asperiores consequatur corporis cum deleniti dolorem eum fuga fugiat harum ipsa ipsam laborum necessitatibus
            odit officia officiis optio placeat quis quod quos, ratione, repellendus sit tempore vitae voluptatum!
            Quibusdam, similique!</p>
        <p>Ad enim et, expedita modi molestiae quis reiciendis? Animi assumenda eligendi enim eos ipsa magni quasi
            quisquam sed vero voluptatum. Consequatur distinctio doloribus et hic possimus? Eius fugiat magni
            sapiente.</p>
        <p>Aliquam beatae deleniti dolorem harum iste neque nulla placeat repudiandae. Accusamus, aliquid aut laborum
            maxime molestias perspiciatis possimus? Culpa eius est expedita facere hic nesciunt obcaecati optio possimus
            sapiente suscipit?</p>
        <p>Cumque dolorem minus pariatur quos. Commodi laborum modi nulla sequi similique. Aliquam aperiam atque beatae,
            debitis deleniti ex, expedita explicabo labore libero mollitia obcaecati porro praesentium repellat soluta
            veniam veritatis?</p>
        <p>Cumque excepturi facere minus obcaecati sint sit veniam! Aut blanditiis delectus distinctio, doloremque,
            incidunt, laudantium magnam maiores maxime odio quam quasi reiciendis vel voluptatum! Ea eaque obcaecati
            provident repellendus ullam.</p>
        <p>Accusamus expedita illo illum ipsam labore modi molestiae ratione, suscipit. Ad autem culpa cupiditate
            deserunt expedita impedit iusto modi nam obcaecati officiis quas quos reprehenderit saepe, sint temporibus
            velit veniam!</p>
        <p>Ad at consectetur, cumque, dolore dolorum magni natus qui rem repudiandae tenetur velit voluptas, voluptate.
            A ad at beatae consectetur doloremque dolores ipsam libero quae, quibusdam reprehenderit suscipit tempore!
            Voluptates?</p>
        <p>Aliquid commodi consequatur deserunt dignissimos dolorum est exercitationem harum, illum, inventore ipsa
            iusto labore libero molestias numquam odio possimus quaerat quisquam reiciendis repellat repudiandae sed
            sint sit velit veritatis voluptas.</p>
        <p>Aliquid assumenda, beatae blanditiis consequuntur ducimus earum explicabo fugiat id illo impedit inventore,
            ipsa iste numquam quam tenetur veniam voluptates. Adipisci blanditiis cupiditate earum enim perferendis
            praesentium quae quaerat tempore!</p>
        <p>Assumenda aut, cum debitis deleniti dicta dignissimos doloribus enim eum ex expedita facere libero mollitia
            nam, natus nemo nesciunt numquam porro quam quidem suscipit tempore veniam vitae voluptas voluptatibus
            voluptatum.</p>
        <p>At atque blanditiis commodi consequatur debitis distinctio dolor earum eligendi facilis fugit illo itaque
            magnam, minus nobis non nostrum officiis optio porro quae ratione rerum similique sint veritatis voluptatem
            voluptatum?</p>
        <p>Commodi consectetur cum cumque dignissimos dolore earum esse est facere fugit ipsam maiores nemo quasi quia
            reprehenderit unde, vel veniam. Consequatur dicta quaerat qui recusandae sed vel velit. Inventore, quod.</p>
        <p>A, consequuntur cupiditate dolore dolores earum illo illum impedit nihil nobis obcaecati, perferendis quae
            temporibus totam. Accusamus ad, at dicta dolore dolorem enim eos in nulla odio qui quidem tempore.</p>
        <p>Aspernatur dicta dolor dolore esse quasi quod similique. Alias, assumenda, at atque autem dolore incidunt
            ipsa itaque magnam minus nisi nobis omnis, perspiciatis porro quo repellat reprehenderit soluta ut
            veritatis.</p>
        <p>Accusantium architecto autem deserunt harum ipsa natus necessitatibus praesentium ut. Amet aspernatur
            distinctio eum nam non perferendis possimus, praesentium provident rem, reprehenderit saepe vitae
            voluptatibus. Dolorem error praesentium sapiente sequi!</p>
        <p>Aliquid, aspernatur ducimus ex impedit iusto laudantium necessitatibus nihil, nisi nobis possimus quibusdam,
            rerum sunt tempore voluptates voluptatum! Consectetur consequatur deleniti doloribus molestias nam
            necessitatibus, officiis optio possimus quae sequi.</p>
        <p>Magnam quae quos rem sunt vitae? Aut consequatur delectus necessitatibus nisi omnis possimus reprehenderit
            soluta tempore voluptatibus. Alias, animi asperiores corporis doloremque dolorum ea excepturi molestiae
            nobis pariatur, repellendus sunt.</p>
        <p>Accusantium aperiam deleniti deserunt ea earum error exercitationem facilis fugiat ipsam officiis omnis, quis
            suscipit, voluptate. Adipisci aliquam aspernatur cum ducimus explicabo magni ratione recusandae repudiandae
            rerum tempora! Dolorem, minima.</p>
        <p>A ab adipisci aliquid, asperiores, culpa deleniti eaque facilis fugiat magni minus neque nobis nulla numquam
            officia, perferendis possimus recusandae rem rerum saepe sapiente tempore veniam veritatis voluptas
            voluptate voluptatem.</p>
        <h3 id="c2">第二章 重走西游</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati, perspiciatis, tempore! Aliquam atque
            consequatur deleniti deserunt dolorem, ex fuga ipsam nesciunt saepe sequi soluta, tenetur ullam vitae?
            Consequuntur doloribus, error.</p>
        <p>Dolorem fuga, illo inventore magnam minima perspiciatis vitae? Ab autem consequuntur impedit neque nisi.
            Eligendi, repellat, voluptates. Debitis ipsum perferendis voluptatem! Dignissimos nam quis, quo quos sint
            suscipit voluptates voluptatibus.</p>
        <p>Ab animi aspernatur, aut consequuntur cupiditate debitis distinctio doloremque dolorum enim ex explicabo fuga
            impedit itaque labore laboriosam laborum nam natus nesciunt pariatur ratione rem repellat reprehenderit
            totam veritatis, voluptatum?</p>
        <p>Aliquid amet minima non odit perspiciatis similique voluptates! Aspernatur blanditiis ducimus nostrum porro
            repellendus? Asperiores consequatur enim inventore molestias! At, eos, quam? Aliquid animi delectus minus
            quae quidem, quis reprehenderit.</p>
        <p>Accusamus adipisci aperiam, iste laboriosam magnam maxime nemo! Asperiores corporis, dignissimos dolor,
            doloribus earum, eligendi illo impedit iusto maxime non odit praesentium quibusdam quidem rem soluta?
            Architecto eveniet rerum voluptates!</p>
        <p>Autem, consequatur culpa deserunt dolor dolorem doloremque eius error minus nobis numquam odio officia
            perferendis provident quae reprehenderit tenetur vero? Blanditiis dolor itaque, iure non quis saepe sint!
            Facere, sit?</p>
        <p>Aut deleniti, esse ipsa libero numquam quibusdam quis sed tempora ullam voluptatum. Aspernatur commodi cum
            ducimus, est fugiat iusto laborum magnam modi molestiae nobis optio porro, quibusdam sapiente, sequi
            tenetur.</p>
        <p>Aliquid autem delectus deserunt eaque enim esse iusto, laborum libero quidem quo. Autem eius et eum excepturi
            exercitationem illo inventore magni necessitatibus officiis porro, qui voluptas! Aliquid nam officiis
            voluptates!</p>
        <p>Accusantium, aspernatur aut corporis dolorum ex incidunt non pariatur quis quisquam, quod tenetur voluptate
            voluptatem voluptatibus! Ad dicta eaque est incidunt iure iusto magni mollitia nisi quam, sequi, veniam
            vero?</p>
        <p>Aliquid amet animi consectetur cum distinctio explicabo illo libero numquam, odio officiis provident ratione
            soluta temporibus. Aliquid autem eius exercitationem in, inventore ipsa necessitatibus, odio perspiciatis
            reiciendis totam, ullam voluptas.</p>
        <p>Aliquid fuga quasi sequi? A, ab alias autem dolor ea exercitationem facere facilis illum ipsa, iusto minima
            necessitatibus nesciunt obcaecati perspiciatis quas quibusdam quis ratione sed tempore, vitae voluptates
            voluptatum?</p>
        <p>Ab accusamus accusantium ad adipisci aliquam aliquid architecto assumenda, cupiditate dolore, doloribus esse
            eum facilis ipsa laudantium maiores modi mollitia nisi quam quasi quod recusandae sequi sunt unde veritatis,
            voluptates?</p>
        <p>Assumenda, dicta ipsam itaque labore maiores numquam rerum saepe? Accusamus at aut ducimus officiis placeat
            quas rerum voluptatibus voluptatum! Debitis ea eius eos iure placeat quaerat quas recusandae rerum
            soluta?</p>
        <p>Adipisci animi architecto aspernatur fugit ipsa iure labore magni quam quidem voluptate. Explicabo molestias
            non numquam perferendis ullam? Atque culpa dolorem dolorum enim eos ipsam minima neque quam quod totam.</p>
        <p>Aut commodi cupiditate deserunt doloremque dolorum ea eaque eius eos esse harum hic iusto laborum
            necessitatibus nihil non perspiciatis, possimus, quam quidem quis quo repellendus totam ut voluptas
            voluptates voluptatibus!</p>
        <p>Asperiores, autem corporis deleniti eligendi enim explicabo necessitatibus optio quam? Accusamus cupiditate,
            enim minus quisquam quos sint vitae voluptatem? Aliquid consectetur dicta distinctio doloremque ea ex,
            facilis fugit impedit similique.</p>
        <p>Aspernatur deserunt enim ipsam modi quam. A ad, beatae dolore ducimus eum, ex facilis illo in inventore minus
            omnis quasi qui quibusdam quisquam saepe sed suscipit! Dolorem quam qui tenetur.</p>
        <p>Adipisci asperiores consequuntur cupiditate dolore error exercitationem, iure magni modi molestias nam nobis
            nostrum nulla optio possimus quam, quos reprehenderit saepe sed sint sit suscipit tempora, velit. Beatae
            cum, quisquam?</p>
        <p>Autem deserunt facere fugit itaque magnam modi nobis non nulla obcaecati temporibus. Aperiam architecto
            consectetur deserunt eos, iure labore minima molestias odit quaerat recusandae sit tempora temporibus
            voluptas voluptate, voluptatibus!</p>
        <p>Aliquam assumenda enim iusto necessitatibus similique? Accusantium aliquam consectetur doloribus illum natus
            officiis perferendis quas voluptates. Ad consectetur corporis, delectus dignissimos earum nam obcaecati
            officia quibusdam quis tempore! Explicabo, saepe.</p>
        <h3 id="c3">第三章 列入仙班</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi cupiditate, dicta dolorem fugit impedit
            necessitatibus nihil nostrum numquam perferendis perspiciatis, possimus provident quam quasi quis quo
            tempora totam ut vitae.</p>
        <p>Aliquid aspernatur atque autem beatae consectetur corporis cupiditate debitis delectus dolorum ducimus enim
            hic incidunt ipsa itaque laborum magnam magni nostrum officia possimus, praesentium quibusdam suscipit
            tenetur veritatis voluptatem voluptatibus?</p>
        <p>Amet animi asperiores aut beatae, dolores ea, facere fuga iure magni maxime molestias nam perferendis quis,
            quod reiciendis saepe sit suscipit vero voluptatem voluptatum. Excepturi ipsum iure repudiandae voluptas
            voluptates.</p>
        <p>Amet architecto aspernatur autem beatae consequuntur doloremque dolores doloribus error exercitationem id
            illo iste labore magnam maiores minima mollitia non odit pariatur porro quibusdam, quidem soluta, suscipit
            vel velit voluptate?</p>
        <p>Assumenda eaque facere harum illo laboriosam perferendis similique vel velit vero voluptates! Ab, ad
            architecto asperiores aspernatur aut delectus, eos excepturi fuga fugit illum omnis quaerat quia sed
            suscipit tenetur.</p>
        <p>A deserunt, eligendi illum odio provident quasi quidem vel? Adipisci asperiores ducimus mollitia nobis odio
            placeat provident quae quas repellat? Aut facere, sapiente. Cum error quasi, sequi ullam veritatis
            voluptatibus!</p>
        <p>Alias deleniti dicta dolor dolore dolorem doloremque earum eos iusto modi nisi officia officiis perspiciatis
            quos totam, voluptas? At commodi deleniti earum harum in ipsam maxime numquam reprehenderit saepe
            soluta?</p>
        <p>Asperiores cupiditate deserunt distinctio dolor dolorem doloribus hic impedit itaque maxime, modi molestiae
            nesciunt nobis optio perspiciatis quas quasi quidem recusandae saepe, sit soluta ut vel, veritatis vitae
            voluptate voluptatem!</p>
        <p>Ab at deleniti dolore, expedita facilis magni neque nisi non nostrum officiis provident velit veniam vero!
            Commodi dignissimos, eum excepturi explicabo facilis fugiat harum porro quo rem sapiente. Delectus,
            nisi.</p>
        <p>Accusamus aperiam assumenda delectus deserunt dignissimos, dolor ex fuga impedit modi officia, perspiciatis
            quasi quidem sequi sint veniam! Ad cupiditate deleniti dolor exercitationem hic libero numquam quia
            quibusdam sit tenetur.</p>
        <p>Ab aliquam amet assumenda deserunt dolores et iste nihil officia quasi voluptatibus? Architecto blanditiis
            cum doloribus dolorum fugiat ipsa iste iure nostrum optio quaerat quos, repellendus temporibus unde
            veritatis vero?</p>
        <p>Adipisci deleniti distinctio dolores earum esse fugiat, fugit laudantium mollitia nulla, optio quae quidem
            sed, veniam. Cupiditate doloribus eos et repellat sint. A accusantium aliquam nisi officia porro quaerat
            sapiente.</p>
        <p>Commodi iste soluta vitae. A accusamus architecto blanditiis consectetur, consequatur dolore dolores ex
            inventore laboriosam minus necessitatibus neque nobis nostrum pariatur placeat praesentium quasi quibusdam
            quisquam tempora ullam vitae voluptatem.</p>
        <p>Error, inventore itaque odit placeat velit voluptate voluptatum. Animi at beatae, dolorum eaque maiores
            obcaecati sint totam vero. Cum itaque neque officia optio unde? Aut culpa dolorum itaque voluptatem.
            Impedit.</p>
        <p>Cum deserunt eaque excepturi quia sint voluptate. At beatae blanditiis dignissimos doloremque, eveniet hic
            molestiae nam nihil quia reprehenderit ut veritatis voluptas voluptatibus! Alias deleniti, illo iste ratione
            reiciendis tempore.</p>
        <p>Alias aliquid cupiditate dignissimos dolores harum in maxime necessitatibus suscipit tempora. Accusamus
            accusantium amet animi, atque deserunt doloremque, eaque et ipsum minus nulla omnis placeat quisquam ratione
            soluta veniam veritatis.</p>
        <p>Aspernatur cupiditate debitis dignissimos eligendi perspiciatis similique voluptatibus. Aperiam autem
            cupiditate eius numquam quo. Facilis unde, veritatis. Accusamus, aliquid delectus doloremque eius inventore
            ipsa, minima nihil odit quia reiciendis, sunt.</p>
        <p>Ad aliquid amet blanditiis delectus eius enim, error et eveniet excepturi fugiat in incidunt inventore iure
            laborum modi officiis quae quam quisquam quo repellat repudiandae suscipit tempore unde, vel voluptates.</p>
        <p>Alias asperiores atque beatae commodi culpa dignissimos dolore eius eligendi et facilis ipsam magnam,
            molestiae nostrum officia omnis pariatur praesentium provident quae quaerat quasi quisquam quo soluta
            suscipit tempora temporibus?</p>
        <p>Dolore est et impedit in minus quidem repellendus sunt voluptate! Adipisci aliquid dolor dolorem earum
            eveniet fugit ipsam ipsum nihil numquam provident, quaerat, quia quisquam reiciendis repudiandae rerum sint
            voluptas?</p>

    </div>


    </body>
</html>